#container{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    .head{
        height: 60px;
        width:100%;
        background: #eee;
        padding-bottom: 10px;
    }
    .content{
        width: 100%;
        height: calc(100vh - 60px - 10px);
        background-color: #ccc;
        display: flex;
        flex-wrap: nowrap;
        .left{
            width: 30%;
            flex-shrink: 0;
            background-color: antiquewhite;
        }
        .mid{
            width:40%;
            margin:0 10px;
            background-color: rgb(116, 116, 26);
            .midHead{
                height: 200px;
            }
        }
        .right{
            width:30%;
            flex-shrink: 0;
            background-color: cadetblue;
        }
    }
}